<div id="error-container" class="hidden">
    <div id="error" class="wrapper-msg wrapper-msg-activate">
        <div class=" msg msg-activate">
            <span class="msg-icon icon fa fa-exclamation-triangle" aria-hidden="true"></span>

            <div class="msg-content">
                <h3 class="title">
                    Error
                </h3>
                <div class="copy">
                    <p>dummy error text</p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container">
    <section class="wrapper carousel">
        <div id="receipt-container" class="pay-and-verify hidden" data-is-payment-complete='True'
             data-platform-name='edx-platform' data-verified='True' data-username='user-1'
                data-is-request-in-themed-site='True'>
            <h2>Loading Order Data...</h2>
            <span>Please wait while we retrieve your order details.</span>
        </div>
    </section>
</div>

